[테마 6] 만든 홈페이지를 넷리파이(Netlify)에 올려 진짜 주소 만들기
2026. 10. 28. 확인 · 코드를 몰라도 됩니다

■ 준비물
· index.html 파일 하나 (같은 폴더 '넷리파이에 끌어 놓을 폴더' 안에 완성 예시가 있습니다)
· 넷리파이 무료 계정 (구글·이메일로 가입) — 계정 없이 올리면 1시간 뒤 사라집니다

■ 1. 내가 만든 결과를 index.html로 저장하기
· Gemini 캔버스: 오른쪽 위 '공유 및 내보내기' 또는 코드 보기 → 코드 전체 복사
· Claude: 결과 화면 오른쪽 위 다운로드(HTML) 또는 코드 복사
· ChatGPT: 답 속 코드 칸 오른쪽 위 [복사]
→ 복사한 경우: 메모장 열기 → 붙여 넣기 → 다른 이름으로 저장 → 파일 이름 index.html, 파일 형식 '모든 파일', 인코딩 UTF-8

■ 2. 새 폴더에 넣기
바탕화면에 새 폴더(예: 협의회 홈페이지) → 안에 index.html 하나 (그림을 쓰면 그림 파일도 같이)

■ 3. 끌어 놓기
인터넷 창에서 app.netlify.com/drop 열기 → 폴더를 화면 가운데로 통째로 끌어 놓기
→ 몇 초 뒤 ○○○.netlify.app 주소가 생깁니다

■ 4. 1시간 안에 내 계정으로 가져오기
· 로그인하지 않고 올리면 임시 비밀번호가 걸리고, 1시간 안에 가져오지(claim) 않으면 지워집니다.
· 화면 안내에 따라 가입·로그인 → 내 계정으로 가져오기

■ 5. 공개로 바꾸고 주소 이름 정하기
· 2026. 7. 28. 이후 만든 새 계정은 사이트가 '비공개'로 시작합니다.
  Project configuration → General → Visitor access → Project visibility → 공개(Public)
· 주소 이름: Project Overview → Customize → Manage project name → 예: inseong-meeting-2026
  → https://inseong-meeting-2026.netlify.app

■ 고칠 때
내용을 고친 index.html을 같은 방식으로 다시 끌어 놓습니다(프로젝트 화면의 Deploys 칸).

■ 꼭 지킬 것
· 공개 주소는 누구나 볼 수 있습니다. 개인정보·연락처·내부 자료는 넣지 않습니다.
· 무료 요금제는 한 달 300크레딧(올리기 1번에 15크레딧 → 한 달 약 20번). 다 쓰면 내 사이트가 모두 멈춥니다.
· 기관 공식 홍보에 쓰기 전에는 소속 기관의 홈페이지·외부 서비스 지침을 확인합니다.

■ 더 쉬운 길 / 다른 길
· 가장 쉬움: Gemini 캔버스 '공유 및 내보내기 → 공유 → 링크 복사' (주소는 Gemini 안에서 열리고, 18세 미만은 볼 수 없음)
· Claude 무료는 새 결과물을 링크로 공유할 수 없습니다 → HTML로 받아 넷리파이에 올리기
· 구글 사이트 도구(sites.google.com): 삽입 → 삽입(Embed) → 코드 붙여 넣기 (기관 계정 공개 범위는 확인 필요)

■ 강사 시연(유료·코드): Claude Code에게 "이 폴더를 넷리파이에 올려 줘"라고 하면 폴더 만들기부터 배포까지 대신 합니다.
